
<!-- LISTA DE PRODUCTOS Y FORMULARIO DE PRODUCTOS-->
<!-- TRAE LOS PRODUCTOS -->
<script>
    function traeproductos() {
        if(seleccionado == 'productos'){
            $(function() { 
                $.ajax({ 
                    data: "accio=omplirLlista", 
                    type: "GET", 
                    dataType: "json", 
                    url: "./controlador/ProductoControl.php", 
                    beforeSend : function(jqXHR, settings) {
                        console.info('in beforeSend');
                        console.log(jqXHR, settings);
                        $("#divajax").show(); 
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        console.info('in error');
                        console.log(jqXHR, textStatus, errorThrown);
                    },
                    success: function(data){ 
                        //alert("hola");
                        mostraLlistaProductos(data);
                        $("#divajax").hide(); 
                        $(".derechaConfig").hide();
                    }
                });
            }); 
        }
    }
</script>

<!-- MUESTRA LA LISTA DE PRODUCTOS -->
<script language="javascript" type="text/javascript">
    function mostraLlistaProductos(data) {
        if(seleccionado == 'productos'){
            $("#tproductos").empty();
            var texto = "<thead><tr><th>Código</th><th>Descripción</th><th>Producto dependiente</th><th>Control capacidad</th></tr></thead><tbody>";
            $.each(data,function(index,value) {
                texto = texto + "<tr id='"+data[index].codigoProducto+"'>";
                texto = texto + "<td>"+data[index].codigoProducto+"</td>";
                texto = texto + "<td>"+data[index].descripcionProducto+"</td>";
                texto = texto + "<td>"+data[index].productoDependiente+"</td>";    
                texto = texto + "<td>"+data[index].controlcapacidad+"</td>"; 
                texto = texto + "</tr>";
            });
            var texto = texto+"</tbody>";
            $("#tproductos").append(texto);
        }
    }
</script>


<!-- CLIC A AÑADIR PRODUCTO -->
<script type='text/javascript'>
    $(function() { 
        $("#afegirP").click(function() {
            $("#productosForm").show();
            $("#fproducto").reset();
            $("#divajax").show(); 
            selectProductoDependiente();

<?php
$_SESSION['productoSelected'] = "";
$_SESSION['producto'] = null;
?>;
        });
    });
</script>

<!-- CLIC A UN PRODUCTO DE LA LISTA PARA MOSTRARLO EN EL FORMULARIO DERECHA-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#tproductos').delegate('tbody tr', 'click', function () {  
            //$("#tproductos tbody").click(function(event) {
            var codigoProductoClic = $(this).attr("id");
            $.ajax({ 
                data: "accio=omplirFProducto&codigoProductoClic="+codigoProductoClic, 
                type: "GET", 
                dataType: "json", 
                url: "controlador/ProductoControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    mostraFProducto(data);

                }
            });
 
        });
    });
</script>

<!-- MUESTRA LOS DATOS DEL FORMULARIO PRODUCTO -->
<script language="javascript" type="text/javascript">
    function mostraFProducto(data) {
        $("#fproducto").reset();
        $("#productosForm").show();
        $.each(data,function(index,value) { 
            $("#codigoProducto").val(data[index].codigoProducto);
            $("#descripcionProducto").val(data[index].descripcionProducto);
            selectProductoDependiente();
            var $elselect = $('input:radio[name=activoproducto]');
            if(data[index].activoproducto == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }
            $elselect = $('input:radio[name=controlcapacidad]');
            if(data[index].controlcapacidad == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }
            

        });
    }
</script>

<!-- LLENA Y MUESTRA EL SELECT DE PRODUCTO DEPENDIENTE EN EL FORMULARIO DE PRODUCTO-->
<script>
    function muestraProductoDependiente(data) {
        $("#productoDependiente").append("<option value=0>-------</option>");
        $.each(data,function(index,value) {
            $("#productoDependiente").append("<option value='"+data[index].codigoProducto+"' "+data[index].productoSelected+">"+data[index].descripcionProducto+"</option>");
        });
        $("#divajax").hide(); 
    }
    function selectProductoDependiente() {
        $(function() { 
            $("#productoDependiente").empty();
            $.ajax({ 
                data: "accio=omplirSelect&sel=productoSelected", 
                type: "GET", 
                dataType: "json", 
                url: "./controlador/ProductoControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data){ 
                    muestraProductoDependiente(data);
                   
                }
            });
        }); 
    }
   
    
</script>

<!-- CLIC A GUARDAR PRODUCTO EN LA BASE DE DATOS(MODIFICARLO O CREARLO)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#guardarP').click(function() {  
            if($("#codigoProducto").val() ==""){
                var datos = "accio=create&codigoProducto=&"+$("#fproducto").serialize(); 
            }else{
                var datos = "accio=update&codigoProducto="+$("#codigoProducto").val()+"&"+$("#fproducto").serialize(); 
            }
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/ProductoControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data1){
                    $("#divajax").hide(); 
                    traeproductos();
                }
            });
 
        });
    });
</script>

<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#activoproducto" ).buttonset();
    });
</script>
<!-- Botón control capacidad-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#controlcapacidad" ).buttonset();
    });
</script>

<!-- CLIC A ELIMINAR PRODUCTO EN LA BASE DE DATOS(DELETE)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#deleteP').click(function() {  

            var datos = "accio=delete&codigoProducto="+$("#codigoProducto").val()+"&"+$("#fproducto").serialize(); 
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/ProductoControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data1){
                    traeproductos();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

